<template>
	<div id="app">
		<router-view />
	</div>
</template>

<script>
	export default {
		name: 'App',
		watch: {
			$route: {
				deep: true,
				immediate: true,
				handler: function(value) {
					//跳到下一页时，页面回到顶部
					document.body.scrollTop = 0
					document.documentElement.scrollTop = 0
					//弹出退出提示
					let vm = this
					if (value.path === '/login' || value.path === '/company' || value.path === '/task') {
						var first = null;
						mui.back = function() {
							if (!first) {
								first = new Date().getTime();
								mui.toast('再按一次退出应用');
								setTimeout(function() {
									first = null;
								}, 1000);
							} else {
								if (new Date().getTime() - first < 1000) {
									plus.runtime.quit();
								}
							}
						}
					} else {
						mui.back = function() {
							vm.$router.go(-1)
						}
					}
				}
			}
		}
	}
</script>

<style>
	.mui-card {
		margin-top: 16px;
	}

	.video-js .vjs-big-play-button {
		left: 37%;
		top: 35%;
		border: none;
	}

	.el-button--primary {
		float: right;
		background: deepskyblue;
		border-color: deepskyblue;
	}

	.mint-navbar .mint-tab-item.is-selected {
		border-bottom: 4px solid #26a2ff;
	}

	.mui-input-row label .mui-input-row label {
		padding-right: 0;
	}

	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/* text-align: center; */
		color: #2c3e50;
		margin-top: 47px;
		padding-bottom: 60px;

		/* padding-bottom: 10px; */
	}

	.el-card__body {
		padding: 2px;
	}

	a {
		color: #666;
	}

	body {
		background: ghostwhite;
	}

	.el-badge__content.is-fixed {

		top: -6px;
	}

	.addOrder .mint-radiolist .mint-cell,
	.searchJobOrder .mint-radiolist .mint-cell {
		color: white;
		font-weight: bold;
		background: none;
	}

	.addOrder .el-dialog__header,
	.searchJobOrder .el-dialog__header {
		display: none;
	}

	.addOrder .el-dialog__body,
	.searchJobOrder .el-dialog__body {
		padding: 11px 0;
	}
	
	.mint-cell-wrapper,
	.mint-cell-wrapper {
		background-image: none
	}

	.addOrder .mint-radiolist-title,
	.searchJobOrder .mint-radiolist-title {
		display: none;
	}

	.addOrder .el-dialog,
	.searchJobOrder .el-dialog {
		background: #444;
	}

	.addOrder .el-dialog__headerbtn,
	.searchJobOrder .el-dialog__headerbtn {
		display: none;
	}

	.addOrder .el-dialog__wrapper,
	.searchJobOrder .el-dialog__wrapper {
		margin-top: 40%;
	}


	.el-card__body {
		padding: 2px;
	}

	.mint-tab-item-label {
		font-size: 16px;
	}

	.dealInfo .el-card__body {
		margin-left: 14px;
	}

	.el-checkbox__inner {
		margin-left: 20px;
	}

	.mint-button--default {
		background: white;
	}

	.mint-radio-input:checked+.mint-radio-core {
		background: cadetblue;
		border-color: cadetblue;
	}

	.mint-header-title {
		line-height: 57px;
	}

	.mint-header.is-fixed {
		background: white;
		color: #26a2ff;
		font-size: 17px;
		border: 1px solid #DDDDDD;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.mui-checkbox input[type=checkbox]:checked:before,
	.mui-radio input[type=radio]:checked:before {
		color: deepskyblue;
	}

	.mui-input-row {
		padding-top: 6px;
		padding-bottom: 3px;
	}

	.mui-table-view-cell {
		padding-top: 13px;
		padding-bottom: 10px;
	}

	.mint-navbar {
		padding-left: 0px;
		padding-right: 20px;
	}

	.mint-navbar .mint-tab-item {
		padding-left: 7%;
		padding-right: 8%;
		margin-left: 17px;
	}

	.el-checkbox__inner {
		margin-left: 20px;
	}
</style>
